<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
>
<head>
    <title>添加文章</title>
      
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/static/h-ui/css/H-ui.min.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/static/h-ui.admin/css/H-ui.admin.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/lib/Hui-iconfont/1.0.8/iconfont.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/extend/iconfont/iconfont.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/static/h-ui.admin/skin/default/skin.css}" id="skin" />
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/static/h-ui.admin/css/style.css}" />
    <link th:href="@{/h-ui/lib/lightbox2/2.8.1/css/lightbox.css}" rel="stylesheet" type="text/css" >
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/lib/select2/select2.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/lib/webuploader/0.1.5/webuploader.css}"/>

    <script type="text/javascript" th:src="@{/js/lib/jquery-1.11.0.min.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/layer/2.4/layer.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/jquery.validation/1.14.0/jquery.validate.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/jquery.validation/1.14.0/validate-methods.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/jquery.validation/1.14.0/messages_zh.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/static/h-ui/js/H-ui.min.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/static/h-ui.admin/js/H-ui.admin.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/My97DatePicker/4.8/WdatePicker.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/webuploader/0.1.5/webuploader.min.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/laypage/1.3/laypage.js}"></script>
    <script type="text/javascript" th:src="@{/js/common/layerUtil.js}"></script>
    <script type="text/javascript" th:src="@{/js/common/common.js}"></script>
    <script type="text/javascript" th:src="@{/js/common/webUploadUtil.js}"></script>
    <script type="text/javascript" th:src="@{/js/lib/vue.js}"></script>
</head>

<body layout:fragment="content">

<article class="page-container">
    <form class="form form-horizontal" id="form-article-add">
        <input type="hidden" name="tokenForm" th:value="${#session.getAttribute('tokenForm')}" />
        
        <input type="hidden" th:name="channelId" th:value="${channel.id}"/>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>分类：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <span th:text="${channel?.name}"></span>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>分类：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" value="" class="input-text " placeholder="请输入分类" id="channelId" name="channelId"/>
            </div>
        </div>
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>标题：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" value="" class="input-text " placeholder="请输入标题" id="title" name="title"/>
            </div>
        </div>
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>作者：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" value="" class="input-text " placeholder="请输入作者" id="author" name="author"/>
            </div>
        </div>
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>展示图片：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" value="" class="input-text " placeholder="请输入展示图片" id="picImg" name="picImg"/>
            </div>
        </div>
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>标题描述：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" value="" class="input-text " placeholder="请输入标题描述" id="titleDesc" name="titleDesc"/>
            </div>
        </div>
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>文章内容：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <textarea id="content" name="content"></textarea>
            </div>
        </div>
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>点击次数：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" value="" class="input-text spinner" placeholder="请输入点击次数"  id="hits" name="hits"/>
            </div>
        </div>
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>是否发布：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" value="" class="input-text " placeholder="请输入是否发布" id="isPublication" name="isPublication"/>
            </div>
        </div>
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>是否置顶：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" value="" class="input-text " placeholder="请输入是否置顶" id="isTop" name="isTop"/>
            </div>
        </div>
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>meta描述：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" value="" class="input-text " placeholder="请输入meta描述" id="pageDescription" name="pageDescription"/>
            </div>
        </div>
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>meta关键字：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" value="" class="input-text " placeholder="请输入meta关键字" id="pageKeywords" name="pageKeywords"/>
            </div>
        </div>
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>Meta标题：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" value="" class="input-text " placeholder="请输入Meta标题" id="pageTitle" name="pageTitle"/>
            </div>
        </div>
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>排序：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" value="" class="input-text spinner" placeholder="请输入排序"  id="sort" name="sort"/>
            </div>
        </div>
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>备注信息：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" value="" class="input-text " placeholder="请输入备注信息" id="remarks" name="remarks"/>
            </div>
        </div>
        
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 保存并提交</button>
                <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
            </div>
        </div>
    </form>
</article>

<script type="text/javascript" th:src="@{/ueditor/ueditor.config.js}"></script>
<script type="text/javascript" th:src="@{/ueditor/ueditor.all.min.js}"></script>
<script type="text/javascript" th:src="@{/ueditor/lang/zh-cn/zh-cn.js}"></script>
<script type="text/javascript" th:src="@{/js/admin/article/article-add.js}"></script>
<script th:inline="javascript">
</script>
</body>
</html>